<template>
  <div>

    <!-- 原始html中我们使用a标签实现页面的跳转 -->
    <!--           <a class="list-group-item active" target="_blank" href="./about.html">About</a>-->
    <!--          <br>-->
    <!--           <a class="list-group-item" href="./home.html">Home</a>-->

    <!--         路由地址，不要加./,  直接/ -->
    <router-link to="/about.html">About</router-link>
    <br>
    <router-link to="/Home">Home</router-link>
    <hr>
    <h2>一级路由显示</h2>
    <!-- 指定组件的呈现位置 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
}
</script>
